$(function(){
    load()
    $('#title').on('keydown',function(e){
        
        if(e.keyCode === 13){
            var local = getdate()
            local.push({
                title:$(this).val(),
                done:false
            })
            savedate(local)
            load()

            if($(this).val().length > 0){
            $(this).val("")
            }
        }
    })
    
    // 删除数据
    $('ol,ul').on('click','a',function(){
        var data = getdate()
        var index = $(this).attr('id')
        data.splice(index,1)
        savedate (data)
        load()
    })

    // 选项操作
    $('ol , ul').on('click','input',function(){
        var data = getdate()
        var index = $(this).siblings('a').attr('id')
        data[index].done = $(this).prop('checked')
        console.log(index)
        savedate (data)
        load()
    })

    //  检查是否有存储数据
    function getdate(){
        var local = localStorage.getItem('todox')
        if(local !== null){
            return JSON.parse(local)
        }else{
            return []
        }
    }

    //  存储数据
    function savedate (data){
        localStorage.setItem('todox',JSON.stringify(data))
    }

    // 渲染页面
    function load(){
        var local = getdate()
        $("ol,ul").empty()
        $.each(local,function(i,n){
            if(n.done){
                $('ul').prepend("<li><input type='checkbox' checked='checked' ><p>"+n.title+"</p><a id="+i+" href = 'javascript:;'></a></li>")
            }else{
                $('ol').prepend("<li><input type='checkbox'><p>"+n.title+"</p><a id="+i+" href = 'javascript:;'></a></li>")
            }
            
        })
    }
})